<template>
  <div class="tableVies">
    <div class="titie">
      <span class="icon">
              <i class="iconfont  icon-icon_tixian-weixin"></i> 
          </span> 微信提现
    </div>
    <!-- <div class="subtitie">
             微信提现到账
       </div> -->
    <div class="money">
      提现金额<br/>
      <span class="num">￥{{money.toFixed(2)}}</span>
    </div>
    <div class="mark">
      <slot name="mark">
      </slot>
    </div>
  </div>
</template>
<script>
  export default {
    name: "tableView",
    props: {
      money: {
        type: Number,
        default: 30
      }
    },
    data() {
      return {};
    }
  };
</script>

<style lang="scss" scoped>
  .tableVies {
    background: #fff;
    padding: 5px 10px 5px 10px;
    color: #666;
    margin-bottom: 30px;
    border: 1px solid #eee;
    .titie {
      font-size: 1.454545rem;
      padding: 5px 0px;
      border-bottom: 1px solid #eee;
      .icon {
        font-size: .454545rem;
        color: #fff;
        padding: 10px 4px 4px 4px;
        border-radius: 50%;
        background: #559011;
      }
    }
    .money {
      padding: 18px 0;
      text-align: center;
      font-size: 15px;
      color: #9e9e9e;
      border-bottom: 1px solid #eee;
      .num {
        font-size: 30px;
        color: #333;
      }
    }
    .mark {
      padding: 1.363636rem 0;
      p {
        font-size: 1.272727rem;
        color: #9e9e9e;
        line-height: 1.6;
        .success {
          color: #73d403;
          ;
        }
        .error {
          color: #e85453;
        }
      }
    }
  }
</style>

